import pinia from './index'
import { defineStore, storeToRefs } from "pinia";
import { useCardStore } from './card'

const cardStore = useCardStore(pinia)
let { Top, Document, Component, Animation, Design } = storeToRefs(cardStore)

const useNavStore = defineStore('nav', {
    state: () => ({
        navigation: [{
            id: 0,
            name: '置顶',
            icon: 'ArrowUpBold',
            config: Top
        }, {
            id: 1,
            name: '文档',
            icon: 'Document',
            config: Document
        }, {
            id: 2,
            name: '组件',
            icon: 'Grid',
            config: Component
        }, {
            id: 3,
            name: '动画',
            icon: 'PictureRounded',
            config: Animation
        }, {
            id: 4,
            name: '设计',
            icon: 'MoonNight',
            config: Design
        }]
    })
})

export default useNavStore